<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>看图</title>
    <script>
        window.onload = function () { getRem(750, 100) };
        window.onresize = function () { getRem(750, 100) };
        function getRem(pwidth, prem) {
            var html = document.getElementsByTagName("html")[0];
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
            html.style.fontSize = oWidth / pwidth * prem + "px";
        }
    </script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font_wvcavjscn4s/iconfont.css">
</head>

<body>
    <header>
        <span class="iconfont icon-fangdajing spa1"><input type="text" placeholder="搜索您感兴趣的内容"></span>
        <span class="iconfont icon-xinfengpsd"></span>
    </header>
    <section class="sec2">
        <article class="art1">
            <select>
                <option>空间</option>
            </select>
            <select>
                <option>风格</option>
            </select>
            <select>
                <option>硬件</option>
            </select>
            <select>
                <option>软装</option>
            </select>
            <div style="width: 0.82rem">···</div>
        </article>
        <article class="art2">
            <div class="content1">
                <div class="picture"></div>
                <div class="text">家里最爱的一样电器，洗碗机必须提名啊！…</div>
                <div class="shoucang">
                    <div class="name">
                        <img src="">
                        <div>辛迪的房间</div>
                    </div>
                    <span class="iconfont icon-shoucang"></span>
                </div>
            </div>
            <div class="content1">
                <div class="picture"></div>
                <div class="text">家里最爱的一样电器，洗碗机必须提名啊！…</div>
                <div class="shoucang">
                    <div class="name">
                        <img src="">
                        <div>辛迪的房间</div>
                    </div>
                    <span class="iconfont icon-shoucang"></span>
                </div>
            </div>
            <div class="content1">
                <div class="picture"></div>
                <div class="text">家里最爱的一样电器，洗碗机必须提名啊！…</div>
                <div class="shoucang">
                    <div class="name">
                        <img src="">
                        <div>辛迪的房间</div>
                    </div>
                    <span class="iconfont icon-shoucang"></span>
                </div>
            </div>
            <div class="content1">
                <div class="picture"></div>
                <div class="text">家里最爱的一样电器，洗碗机必须提名啊！…</div>
                <div class="shoucang">
                    <div class="name">
                        <img src="">
                        <div>辛迪的房间</div>
                    </div>
                    <span class="iconfont icon-shoucang"></span>
                </div>
            </div>
            <div class="content1">
                <div class="picture"></div>
                <div class="text">家里最爱的一样电器，洗碗机必须提名啊！…</div>
                <div class="shoucang">
                    <div class="name">
                        <img src="">
                        <div>辛迪的房间</div>
                    </div>
                    <span class="iconfont icon-shoucang"></span>
                </div>
            </div>
            </div>
        </article>
    </section>
    <footer>
        <a class="iconfont icon-xinshougonglve"><span>首页</span></a>
        <a class="iconfont icon-xinshougonglve"><span>看图</span></a>
        <a class="iconfont icon-jia1"></a>
        <a class="iconfont icon-xinshougonglve"><span>装修</span></a>
        <a class="iconfont icon-xinshougonglve"><span>我的</span></a>
    </footer>
</body>

</html>